<ion-modal-view cache-view="false" style="width: 90%; height: 90%; top: 5%; left: 5%; right: 5%; bottom: 5%;">
  <ion-header-bar class="bar-stable">
    <h1 class="title"></h1>
    <div class="buttons">
      <button class="button button-icon icon ion-checkmark" ng-click="saveMask()"></button>
      <button class="button button-icon icon ion-close" ng-click="cancelMask()"></button>
    </div>
  </ion-header-bar>
  <ion-content class="notch-ready">
    <div class="list">
      <span ng-repeat="item in monitors">

        <a ng-class="{ 'item  item-icon-right' :  item.Monitor.listDisplay == 'show', 'item item-icon-right eye-background-red' : item.Monitor.listDisplay!='show' }"
          ng-click="toggleHide($index)" href="">



          <i ng-class="{'icon ion-eye':item.Monitor.listDisplay=='show','eye-red icon ion-eye-disabled':item.Monitor.listDisplay!='show'}">
          </i>
          <h2>
            <span ng-class="{'eye-red':item.Monitor.listDisplay!='show'}">{{item.Monitor.Name}}</span>
          </h2>
          <p>{{'kId' | translate}}:{{item.Monitor.Id}}, {{'kMode' | translate}}:{{item.Monitor.Function}}</p>

        </a>

      </span>
    </div>
  </ion-content>
</ion-modal-view>
